<!DOCTYPE html>
<html lang="zh">
<head>
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
    <meta name="format-detection" content="telephone=no">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>支付</title>
    <link href="css/main.css" rel="stylesheet" type="text/css"/>
</head>
<body id="zf">
    <div class="container" >
        <div class="bk-01">
            <div class="opt">
                <p class="lable">订单编号:</p>
                <p class="cont">1596148948551</p>
            </div>
            <div class="opt">
                <p class="lable">订单金额:</p>
                <p class="cont red">¥321.00</p>
            </div>
        </div>
        <div class="bk-02">
            <ul>
                <li>
                    <p class="lable">金豆支付</p>
                    <a class="pay">去充值</a>
                    <p class="text">充值金豆返现</p>
                </li>
                <li>
                    <p class="lable">您有10金豆,抵￥10.00</p>
                    <div class="checkbox act"></div>
                </li>

            </ul>
        </div>
        <div class="bk-03">
            <div class="pay">还需支付:<span>¥321.00</span></div>
            <ul>
                <li>
                    <p class="lable zfb">支付宝支付</p>
                    <div class="checkbox act"></div>
                </li>
                <li>
                    <p class="lable vx">微信支付</p>
                    <div class="checkbox"></div>
                </li>
            </ul>
        </div>
        <div class="btn btn-pay">确定支付</div>
    </div>
    <script src="js/rem.js"></script>
    <script src="js/jquery.js"></script>

</body>
</html>